@import "./variable";

// @font-face {
//   font-family: "DINPro-Medium";
//   src: url("../assets/fonts/DINPro-Medium.otf");
// }

// @font-face {
//   font-family: "DINPro";
//   src: url("../assets/fonts/DINPro-Regular.otf");
// }

/* 滚动条凹槽的颜色，还可以设置边框属性 */
::-webkit-scrollbar-track-piece {
  background-color: #0d79d310;
  -webkit-border-radius: 6px;
}

/* 滚动条的宽度 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

/* 滚动条的设置 */
::-webkit-scrollbar-thumb {
  border-radius: 6px;
  border-style: dashed;
  border-color: transparent;
  border-width: 2px;
  background-color: #0d79d360;
  background-clip: padding-box;
}

::-webkit-scrollbar-thumb:hover {
  background: #0d79d360;
}

.home {
  //width: 100vw;
  height: 100%;
  //overflow: auto;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.k-container {
  box-sizing: border-box;
  //height: calc(100% -  93px);
  font-size: 14px;
  color: $--color-font;
  margin: 20px;
}
.footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 16px;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: rgba($--color-font, 0.4);
  line-height: 14px;
}

.num-font {
  font-family: $--num-font;
}
.num {
  font-family: DINAlternate, DINAlternate;
}
